<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,   initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>我的博客</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/tagcloud.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.svg3dtagcloud.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/tagcloud.js" ></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script>
			$(function(){
				tagcloud();
			});
		</script>
	</head>

	<body>
		<nav class="navbar navbar-default" role="navigation" style="background: ;">
			<div class="container container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#vic-navbar-collapse">
			            <span class="sr-only">切换导航</span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
		       	 	</button>
					<a class="navbar-brand"><span class="glyphicon glyphicon-home"></span>秋冬的博客</a>
				</div>
				<div class="collapse navbar-collapse" id="vic-navbar-collapse">
					<div id="tweather" class="navbar-text"></div>
					<ul class="nav navbar-nav navbar-right">
						<li class="active">
							<a href="javascript:;"><span class="glyphicon glyphicon-book"></span>博客</a>
						</li>
						<li>
							<a href="#">关于</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								其他 <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">some</a>
								</li>
								<li class="divider"></li>
								<li>
									<a href="#">分离的链接</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="javascript:;" id="for-nav-search"><i class="glyphicon glyphicon-search"></i></a>
						</li>
					</ul>
					<form class="navbar-form pull-right form-inline olny-hide" role="search" id="nav-search">
						<div class="input-group">
							<input type="text" class="form-control">
							<div class="input-group-btn">
								<button type="button" class="btn btn-default" tabindex="-1">
									<i class="glyphicon glyphicon-search"></i>
								</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</nav>
		<div class="row inline">
			<div class="col-md-6 col-md-offset-2">
				<ol class="breadcrumb" style="background-color: white; margin-bottom:-5px; margin-top: -15px;">
					<li>当前位置：
						<a><span class="glyphicon glyphicon-home"></span></a> 首页</li>
					<li>
						<a href="#">博客</a>
					</li>
					<li class="active">文章</li>
				</ol>
			</div>
		</div>

		<!--容器开始-->
		<div class="container">
			<!--主体开始-->
			<div class="row">
				<!--左侧菜单-->
				<div class="col-md-2 col-sm-2">
					<button class="btn btn-default menu-btn"><span class="glyphicon glyphicon-align-justify"></span>文章分类</button>
					<div class="menu_div">
						<h4>类别</h4>
						<ul class="left_menu nav nav-stacked">
							<li>
								<a>系统模块</a>
								<ul class="item">
									<li>
										<a>11122222222</a>
									</li>
									<li>
										<a>222</a>
									</li>
									<li class="">
										<a>333</a>
									</li>
								</ul>
							</li>

							<li>
								<a>测试 哈哈</a>
								<ul class="item">
									<li>
										<a>444</a>
									</li>
									<li>
										<a class="current">555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>

							<li>
								<a>java</a>
								<ul class="item">
									<li>
										<a>444</a>
									</li>
									<li>
										<a>555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<!--中间列表-->
				<div class="col-md-8 col-sm-10">
					<!--文章列表 -->
					<div class="post_list">

						<div class="post_item">
							<!--推荐-->
							<div class="digg">
								<div class="diggit">
									<span class="diggnum">20</span>
								</div>
								<div class="clear"></div>
								<div class="digg_tip"></div>
							</div>
							<div class="post_item_body">
								<h3><a class="titlelnk" href="detail.html" target="detail_view">关于开源的那些事</a></h3>
								<div class="labels inline">
									<span class="label label-success">成功标签</span>
									<span class="label label-info">信息标签</span>
								</div>
								<p class="post_item_summary">
									前言 其实想写写关于开源的文章已经好久了，从在2010年开始接触Hadoop到现在已经有六个年头了，从最早的Hadoop用户和Contributor，再成为Committer，最后成为PMC (Product Management Committee，项目管理委员会) 委员，挫折、 欣喜都在交替在我 ...
								</p>
								<div class="post_item_foot">
									<a class="lightblue">小明</a>发布于 2016-8-21 15:03
									<span class="article_comment">
										<a class="gay">评论(12)</a>
									</span>
									<span class="article_view">&nbsp;<a class="gay">阅读(1020)</a></span>

								</div>
							</div>
						</div>

							<div class="post_item">
								<!--推荐-->
								<div class="digg">
									<div class="diggit">
										<span class="diggnum">15</span>
									</div>
									<div class="clear"></div>
									<div class="digg_tip"></div>
								</div>
								<div class="post_item_body">
									<h3><a class="titlelnk" href="http://www.baidu.com" target="detail_view">图解PHP</a>	</h3>
									<p class="post_item_summary">
										HTTP基础的简单理解 在了解HTTP协议之前，我们先了解下TCP/IP的参考模型，TCP/IP参考模型分为四层：应用层、传输层、网络层、链路层(数据链路层)。 应用层：为不同的网络应用提供所需的服务。 传输层：为应用层实体提供端到端的通信/传输功能，确保数据包的按顺序传送及数据的完整性。 网络层：
									</p>
									<div class="post_item_foot">
										<a class="lightblue">张三</a>发布于 2016-8-21 15:03
										<span class="article_comment">
										<a class="gay">评论(112)</a>
									</span>
										<span class="article_view">&nbsp;<a class="gay">阅读(1889)</a></span>
									</div>
								</div>
							</div>

						</div>
						<!--文章列表结束-->
						<ul class="pagination pagination-sm pager-list">
							<li>
								<a rel="nofollow" href="#">首页</a>
							</li>
							<li>
								<a rel="nofollow" href="#">上一页</a>
							</li>
							<li>
								<a rel="nofollow" href="#">1</a>
							</li>
							<li>
								<a rel="nofollow" href="#">2</a>
							</li>
							<li>
								<a rel="nofollow" href="#">3</a>
							</li>
							<li>
								<a rel="nofollow" href="#">4</a>
							</li>
							<li>
								<a rel="nofollow" href="#">5</a>
							</li>
							<li>
								<a rel="nofollow" href="#">下一页</a>
							</li>
							<li>
								<a rel="nofollow" href="#">末页</a>
							</li>
						</ul>

					</div>
					<!--右侧相关-->
					<div class="col-md-2 col-sm-2">
						
						<div class="panel panel-default" style="width: 240px;">
						    <div class="panel-heading">
						        <h3 class="panel-title"><span class="glyphicon glyphicon-calendar"></span>&nbsp;&nbsp;日历</h3>
						    </div>
						   <div  class="panel-body text-center" >
						   		<div class="calendar"data-format="yyyy-mm-dd"></div>
						    </div>
						</div>
						<div class="panel panel-warning" style="width: 240px;">
						    <div class="panel-heading">
						        <h3 class="panel-title"><i class="glyphicon glyphicon-tags"></i>&nbsp;&nbsp;标签</h3>
						    </div>
						    <div  class="panel-body  text-center" >
								<div class="tagcloud  tagcloud-light" >
								    <a href="#" class="label label-info">text</a>
								    <a href="#" class="label label-info">text</a>
								    <a href="#" class="btn">text</a>
								    <a href="#" class="btn">text</a>
								</div>
						    </div>
						</div>
						
					</div>
				</div>
				<!--主体结束-->

				<!--容器结束-->
			</div>
			<!--页脚-->
			<div id="footer" class="container">
				<nav class="navbar navbar-default navbar-fixed-bottom">
					<div class="navbar-inner navbar-content-center">
						<div align="center" style="padding-top: 15px;">
							<!--<span style="float: left;padding-left: 20px;">整理自 <a  href="http://www.baidu.com" target="detail_view">网络</a> V1.0</span>-->Copyright © VIC学习记录
						</div>
					</div>
				</nav>
			</div>
	</body>

</html>